<!DOCTYPE HTML>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width,height=device-height,maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>lz</title>

</head>
<body>
    【只有在微信浏览器中才有效！】<br>
	不用加载任何js文件，直接在script中引用WeixinJSBridge类的方法就行，不用实例化。
    <img data-index=0 src="http://3.whatsthewater.sinaapp.com/images/pic1.png" width="50px" height="100px" onClick="showBigPicture('http://3.whatsthewater.sinaapp.com/images/pic1.png')"/>
	
	<script type="text/javascript">
	  function showBigPicture(src)
	  {
	     WeixinJSBridge.invoke('imagePreview', {
                    'current' : src,  //这是当前的预览的图片，多图的时候请大家自由发挥，可结合jquery来做
                    'urls' : [src]   //urls相当于一个图片数组，多图的时候请大家自由发挥，可结合jquery来做
                });
	  }
	</script>

	
</body>
</html>